import React, { Component } from 'react';
import { Button, Row, Col, } from 'antd';
import './Ssh.less';

export default class Ssh extends Component {
  onChange(index) {
    // console.log(index);
  }

  render() {
    return (
      <div className="block-ssh">
        <Row className="row-slogan">
          <Col span={24}>
            <img src={ require('./../img/banner/2.png') } alt="banner" />
            <article>
              <h3>SSH密钥管理服务</h3>
              <span>SSH密钥管理服务是一款安全易用的管理类服务。您无需花费大量成本来保护密钥的保密性、完整性和可用性，借助密钥管理服务，您可以安全、便捷的使用密钥，专注于开发您需要的加解密功能场景。</span>
              <p>
                <Button size="large" type="primary">立即购买</Button>
                <Button size="large" ghost>管理控制台</Button>
              </p>
            </article>
          </Col>
        </Row>

        <div className="wrap-intro">
          <Row className="row-title">
            <Col span={24}>
              <h5>产品概述</h5>
              <p>在密钥管理服务中，您可以按照需要创建主密钥，使用主密钥产生、加密和解密数据密钥。<br/>结合密钥管理服务和信封加密技术，您可以直接在本地高效又安全的加解密数据。</p>
            </Col>
          </Row>
          <Row className="row-product">
            <Col span={8}>
              <i className="icon icon-jisuan"></i>
              <p><strong>低成本</strong><br/>按需收费，且价格低廉。</p>
            </Col>
            <Col span={8}>
              <i className="icon icon-cunchu"></i>
              <p><strong>易用</strong><br/>统一、易用的 API 。标准的 https 协议。</p>
            </Col>
            <Col span={8}>
              <i className="icon icon-wangluo"></i>
              <p><strong>可靠</strong><br/>分布式系统与密码硬件设备结合，实现高可靠。</p>
            </Col>
          </Row>
        </div>

        <div className="wrap-feature">
          <Row className="row-title">
            <Col span={24}>
              <h5>产品功能</h5>
            </Col>
          </Row>
          <Row className="row-feature">
            <Col span={24}>
              <i className="icon icon-feature1"></i>
              <p><strong>方便、灵活的使用方式，让您像操作本地文件一样</strong>访问灵活<br/>提供标准的RESTful API接口，丰富的SDK包，客户端工具、控制台，您可以像使用文件一样，方便上传/下载、检索、管理用于Web网站或者移动应用海量的数据。<br/><br/>支持数据生命周期管理<br/>您可以设置存储对象的生命周期，按指定的时间计划系统会自动执行批量删除或存储类型的转换的任务。</p>
            </Col>
          </Row>
          <Row className="row-feature">
            <Col span={24}>
              <i className="icon icon-feature2"></i>
              <p><strong>流式写入和读取，支持边读边写</strong>适用视频监控存储、提供类文件读写接口<br/>使摄像机的视频码流能像“流”一样往对象（文件）后面追加新内容，且已上传的内容即使在该对象（文件）未写完时都可以被访问，真正实现文件流式存储，视频录像秒级回放。<br/><br/>提供设备端直连OSS的C语言SDK开发包和Demo<br/>加快您的开发速度，节省开发成本</p>
            </Col>
          </Row>
        </div>
      </div>
    )
  }
}